<template >
    <div class="item">
        <div class="p1"></div>
        <div class="p2"></div>
        <div class="p3"></div>
    </div>
</template>
<script>
    export default{
        data(){
            return {};
        },
        methods:{}
    }
</script>
<style scoped>
.item{
    width: 300px;
    height: 300px;
    background: #cfcfcf;
    display: inline-block;
}
.p1{
    position: relative;
    top: 200px;
    left:10%;
    width: 100px;
    height: 100px;
    background: red;
}
.p2{
    width: 50px;
    height: 50px;
    background: green;
}
</style>